<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title></title>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
		<style type="text/css">
			.hold-10{margin-top:10px;}
			.hold-20{margin-top:20px;}
			.hold-30{margin-top:30px;}
			.btn{width:80%;margin:2% 0 0 10%;}
			.navbar-brand>img{width:160px;}
			.big{width:100%;height:1px;background:#fff;}
		</style>
	</head>
 
	<body>
		<nav class="navbar navbar-default">
		  <div class="container-fluid">
		    <div class="navbar-header">
		      <a class="navbar-brand" href="#">
		        <img alt="Brand" src="https://m.ixlzj.com/static/mindex/images/logo.png">
		      </a>
		    </div>
		  </div>
		</nav>
		<div class="container">
			<form action="https://www.ixlzj.com/inviteSubmit" method="post">
				<div class="form-group">
					<label for="exampleInputEmail1">学生姓名</label>
					<input type="text" class="form-control" id="exampleInputEmail1" placeholder="您的姓名" name="username" value="111">
				</div>
				<div class="form-group">
					<label for="exampleInputFile">性别</label>
					<select class="form-control" name="sex">
					  <option value="0">请选择</option>
					  <option value="1">男</option>
					  <option value="2">女</option>
					</select> 
				</div>
				<!--出生日期-->
				<div class="form-group">
					<label for="exampleInputFile">出生日期</label>
	                <div class='input-group date' id='datetimepicker1'>
	                    <input type='text' class="form-control" />
	                    <span class="input-group-addon">
	                        <span class="glyphicon glyphicon-calendar"></span>
	                    </span>
	                </div>
	            </div>
				<!--出生日期-->
				<div class="form-group">
					<label for="exampleInputPassword1">学校地址</label>
					<input type="text" class="form-control" id="exampleInputPassword1" placeholder="学校地址">
				</div>
				<div class="form-group">
					<label for="exampleInputPassword1">学校名称</label>
					<input type="text" class="form-control" id="exampleInputPassword1" placeholder="学校名称">
				</div>
				<div class="form-group">
					<label for="exampleInputPassword1">入读年级</label>
					<input type="text" class="form-control" id="exampleInputPassword1" placeholder="入读年级">
				</div>
				<!--入住日期-->
				<div class="form-group">
					<label for="exampleInputFile">入住日期</label>
	                <div class='input-group date' id='datetimepicker2'>
	                    <input type='text' class="form-control" />
	                    <span class="input-group-addon">
	                        <span class="glyphicon glyphicon-calendar"></span>
	                    </span>
	                </div>
	            </div>
				<!--入住日期-->
				<div class="form-group">
					<label for="exampleInputFile">入住期限</label>
					<select class="form-control">
					  <option>请选择</option>
					  <option>3个月</option>
					  <option>6个月</option>
					  <option>12个月</option>
					</select>
				</div>
				<!--<div class="form-group">
					<label for="exampleInputFile">独立卫生间</label>
					<select class="form-control">
					  <option>请选择</option>
					  <option>需要</option>
					  <option>不需要</option>
					  <option>无所谓</option>
					</select>
				</div>-->
				<!--<div class="form-group">
					<label for="exampleInputFile">寄宿家庭宠物接受程度</label>
					<select class="form-control">
					  <option>请选择</option>
					  <option>能接受</option>
					  <option>不能接受</option>
					  <option>无所谓</option>
					</select>
				</div>-->
				<div class="form-group">
					<label for="exampleInputFile">寄宿家庭类型要求</label>
					<select class="form-control">
					  <option>请选择</option>
					  <option>华人家庭</option>
					  <option>美国家庭</option>
					  <option>无所谓</option>
					</select>
				</div>
				
				<div class="hold-30"></div>
				<div class="form-group">
					<label for="exampleInputPassword1">其他特殊需求</label>
					<textarea class="form-control" rows="4"></textarea>
				</div>
				<button type="submit" class="btn btn-success">提交匹配寄宿家庭</button>
			</form>

		</div>
		<div class="hold-30 big"></div>
		<div class="hold-30 big"></div>

	</body> 
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="js/jquery-1.10.1.min.js" type="text/javascript" charset="utf-8"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<script src="js/bootstrap-datetimepicker.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	$(function(){
		$('#datetimepicker1').datetimepicker({
		   format: "yyyy-mm-dd",
	       autoclose: true,
	       todayBtn: true,
	       todayHighlight: true,
	       showMeridian: true,
	       pickerPosition: "bottom-left",
	       language: 'zh-CN',//中文，需要引用zh-CN.js包
	       startView:4,//月视图
	       minView: 2//日期时间选择器所能够提供的最精确的时间选择视图
		});
		
		$('#datetimepicker2').datetimepicker({
			format: "yyyy-mm-dd",
		    autoclose: true,
		    todayBtn: true,
		    todayHighlight: true,
		    showMeridian: true,
		    pickerPosition: "bottom-left",
		    language: 'zh-CN',//中文，需要引用zh-CN.js包
	        startView:3,//月视图
	        minView: 2//日期时间选择器所能够提供的最精确的时间选择视图
		});
	});
		
	</script>
</html>